$(function () {
    // 请求热门文章
    $.ajax({
        type: "post",
        url: "/PresentationForum/API/getHotPosts.php",
        dataType: "json",
        success: function (res) {
            console.log(res);
            if (res.code == 1) {
                var html = [];
                for (var i = 0; i < res.data.length; i++) {
                    html.push("<li>");
                    html.push('<a href="detail.php?' + res.data[i].id + '">');
                    html.push('<img src="' + res.data[i].feature + '">');
                    html.push('<span>' + res.data[i].title + '</span>');
                    html.push('</a>');
                    html.push('<span style="display:block;">阅读量(' + res.data[i].views + ')</span>');
                    html.push('</li>');
                }
                // 把结构直接添加到指定位置
                $('.hots  >  ul').html(html.join(""));
            }
        }
    });

    $.ajax({
        type: "post",
        url: "/PresentationForum/API/getNewPosts.php",
        dataType: "json",
        success: function (res) {
            if (res.code == 1) {
                // 进行数据的渲染
                $('.new').append(template('posttp', res.data));
            }
        }
    });

    // 点赞
    $('.new').on('click', '.like', function () {
        // 要让文章的点赞数 + 1
        // 让页面的点赞数 + 1
        // 让数据库中的文章的点赞数 + 1
        // 因为ajax是异步对象，当异步请求发送出去之后，事件处理程序已经执行完毕了，此时
        // 这里面的this也就没有了，需要把事件源储存起来
        var _that = this;

        $.ajax({
            type: "post",
            url: "/PresentationForum/API/addLikes.php",
            data: {
                // 要根据文章的id修改数据库中对应的文章的点赞数
                // id：文章id
                id: $(_that).attr('postid')
            },
            dataType: "json",
            success: function (res) {
                if (res.code == 1) {
                    // 把页面的点赞数+1
                    // 得到之前保存的点赞数
                    var oldlikes = parseInt($(_that).attr('like'));
                    oldlikes++;
                    $(_that).children('span').text('赞(' + oldlikes + ')');
                    // 如果想要点赞的数量可以不停的增加
                    // 更新储存在自定义属性里面的数据
                    parseInt($(_that).attr('like', oldlikes));
                }
            }
        });
    });
});